<template>
  <div class="box">
    <router-view class="item"></router-view>
    <footer class="footer">Amadeus出品 </footer>
  </div>
</template>

<script>
import { provide } from 'vue'
import * as echarts from 'echarts'
export default {
  data() {
    return {

    }
  },
  setup() {
    // 在全局中引入echarts 只需要在其他页面中使用inject("echarts")即可
    provide('echarts', echarts)
  },
  created() {

  }
}
</script>

<style lang="scss" scoped>
.box {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
	.item {
		flex: 1;
	}
}
.footer {
  max-width: 100vw;
  height: 3rem;
  line-height: 3rem;
  font-size: .8rem;
  text-align: center;
  overflow: hidden;
  color: #dcdde1;
  background-color: #718093;
}
</style>
